<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>快递跟踪</title>
    <link rel="stylesheet" href="/css/weui.min.css">
    <link rel="stylesheet" href="/css/express.css">
    <script src="/js/jquery-1.8.2.min.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
		$(document).ready(function () {
			
       		var wldh = "{{ wldh }}"; 
       		var list =	"{{wuliuinfo}}".split(",") ;
       		
       		msg_active='<div class="logistics-detail-item active"><div class="logistics-detail">'+list[0].split("+")[1]+'</div><div class="logistics-detail-time">'+list[0].split("+")[0]+'</div></div>';
       		
       		$("#wlxx_active").append(msg_active);
			
       		for(var i=1;i<list.length;i++){
       			msg='<div class="logistics-detail-item "><div class="logistics-detail">'+list[i].split("+")[1]+'</div><div class="logistics-detail-time">'+list[i].split("+")[0]+'</div></div>';
				$("#wlxx").append(msg);
       		}
       		
       		$("#{{pro_name}}").removeClass("logistics-progress-icon").addClass("logistics-progress-icon logistics-progress-icon-ing");
       		$("#inner_bar").addClass("weui_progress_inner_bar logistics-status-"+"{{pro_step}}");
       });
	
</script>

<body>
    <div class="container">
        <div class="page express-info-page">
            <div class="express-info-header">
                <div class="logistics-status-icon">
                    <img src="/img/icon_nav_article.png" alt="">
                </div>
                <div class="express-top-info">
                    <div id="div_wldh" class="logistics-status-box">
                        <h3>物流状态<span class="logistics-status">运输中</span></h3>
                        <ul id="clqk">
	                        <p id="wldh" class="text-gray">运单号：{{ wldh }}</p>
	                     </ul>   
	                        <p class="text-gray" style="display:none;">承运商：中通快递</p>
                        
                    </div>
                    <div class="weui_progress logistics-status-progress">
                        <div class="weui_progress_bar">
                            <div id='inner_bar' class="weui_progress_inner_bar logistics-status-1"></div>
                        </div>
                        <div class="pick-up">
                            <div id='pick-up' class="logistics-progress-icon ">
                                <div class="right-box"></div>
                                <div class="logistics-ing w28">
                                   		 收件
                                </div>
                            </div>
                        </div>
                        <div class="transport">
                            <div id='transport' class="logistics-progress-icon ">
                                <div class="right-box"></div>
                                <div class="logistics-ing w28">
                                    	运输
                                </div>
                            </div>
                        </div>
                        <div class="delivery">
                            <div id='delivery' class="logistics-progress-icon ">
                                <div class="right-box"></div>
                                <div class="logistics-ing w28">
                                    	派送
                                </div>
                            </div>
                        </div>
                        <div class="sign">
                            <div id='sign' class="logistics-progress-icon   ">
                                <div class="right-box"></div>
                                <div class="logistics-ing w28">
                                   	 	签收
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="express-info-body">
                <div class="express-info-body-inner">
                	
                	<ul id="wlxx_active">
	                </ul>   
	                
	                <ul id="wlxx">                    
                   	</ul>
                    
                </div>
            </div>
        </div>
    </div>



</body></html>